import React from "react";
import { Button } from "antd";
import { GithubOutlined, PaperClipOutlined } from "@ant-design/icons";

const TitleComp: React.FC = () => {
  return (
    <>
      <h1>
        Efficient Spatio-Temporal Forecasting via Multi-Graph and Multi-Feature
        Fusion
      </h1>
      <div style={{ display: "flex", justifyContent: "space-around" }}>
        <Button
          type="primary"
          shape="round"
          icon={<GithubOutlined />}
          // style={{ display: "inline-block" }}
          size="large"
        >
          Github
        </Button>
        <Button
          type="primary"
          shape="round"
          icon={<PaperClipOutlined />}
          // style={{ display: "inline-block" }}
          size="large"
        >
          Paper
        </Button>
      </div>
    </>
  );
};

export default TitleComp;
